@charset "utf-8";
@import "common";
$goods_top_height:57px;
body{
    background:#fff;
}
/*商品详情分类区goods_top*/
.goods_top{
    height:$goods_top_height;
    border-bottom:1px solid #ccc;
    line-height:$goods_top_height;
    font-size:$fontclassone;
    color:$color;
}
/*商品详情分类区goodsintro*/
.goodsintro{
    height:537px;
    padding-top:30px;
    .htmleaf-container{
        float:left;
        padding-left:20px;
        width:387px;
        height:537px;
        .htmleaf-content{
            height:498px;
        }
        .collect{
            cursor: pointer;
            i{
                color:#e13800;
            }
            span{
                font-size:$fontclassone;
                color:#ccc;
            }
        }
    }
    .goodstro_right{
        float:left;
        h2{
            font-size: 16px;
            color:#3c3c3c;
            height:22px;
            line-height:22px;
        }
        .goods_information{
            @include clearfix();
            padding:16px 0;
            font-size:$fontclassone;
            color:$color;
            p{
                height:19px;
                line-height:19px;
                float:left;
                padding:0 15px;
                border-right:1px dashed #ccc;
                
            }
        }
        .goods_infor{
            @include clearfix();
            width:539px;
            i{
                float:left;
                width:60px;
                padding-left:10px;
                font-size:$fontclassone;
                color:#888888;
            }
            .goods_r{
                float:left;
            }
        }
        .goods_price{
            height:77px;
            background:#fff2e7;
            i{
                padding-top:28px;
            }
            .goods_price_con{
                padding:8px 0;
                p{
                    font-size:$fontclassone;
                    color:$color;
                    margin:6px 0;
                    em{
                        font-size:20px;
                        color:#ff4400;
                    }
                }
            }
        }
        .goods_fee{
            i{
                padding-top:9px;
            }
            .goods_fee_con{
                border-bottom:1px dashed #ccc;
                padding-bottom:7px;
                width:469px;
                p{
                    height:28px;
                    line-height:28px;
                    font-size:$fontclassone;
                    color:$color;
                }
            }
        }
        .goods_color{
            i{
                padding-top:25px;
            }
            .goods_color_con{
                padding-top:15px;
                @include clearfix();
                b{
                    float:left;
                    padding:0 5px;
                    height:30px;
                    font-size:10px;
                    color:$color;
                    text-align:center;
                    line-height:30px;
                    border:1px solid #ccc;
                    margin-right:7px;
                    cursor: pointer;
                }
            }
        }
        .goods_size{
            @extend .goods_color;
            .goods_size_con{
                @extend .goods_color_con;
            }
        }
        .goods_num{
            @extend .goods_color;
            .goods_num_con{
                padding-top:17px;
                u{
                    float:left;
                    height:26px;
                    width:26px;
                    border:1px solid #ccc;
                    font-size:$fontclassone;
                    color:#ccc;
                    background:#f0f0f0;
                    text-align:center;
                    line-height:26px;
                    cursor: pointer;
                }
                strong{
                    span{
                        color:$color;
                        padding:0 15px 0 7px;
                    }
                    font-size:$fontclassone;
                    color:#ccc;
                }
                #goodsnumber{
                    color:$color;
                    width:48px;
                    background:#fff;
                }
            }
        }
        .buy_btn{
            padding: 20px 0 0 59px;
            a{
                float:left;
                width:178px;
                background: #fff2e7;
                color: #ff4300;
                padding: 8px 0 10px;
                text-align:center;
                margin-right: 10px;
                font-size: 18px;
                border: 1px solid #fc441e;
            }
            .addcart{
                background: #e13800;
                color:#fff;
                position:relative;
                .movebox{
                    position:absolute;
                    top:10px;
                    left:50px;;
                    display:block;
                    width:30px;
                    height:30px;
                    border-radius:50%;
                    background:$bodycolor;
                }
            }
        }
    }
}
/*表头h3公共样式*/
h3{
    width:200px;
    height:33px;
    text-align:center;
    line-height:33px;
    background:$bodycolor;
    font-size: 18px;
    color:#fff;
}
/*recommend拼单推荐*/
.recommend{
    height:359px;
    .recommand_con{
        border:1px #eee solid;
        height:294px;
        padding:0 25px;
        .swiper-wrapper{
            width:1200px;
            .swiper-slide{
                dl{
                    margin:0 20px;
                    img{
                        width:205px;
                        height:205px;
                    }
                    dd{
                        p{
                            font-size:14px;
                            color:#434343;
                        }
                        b{
                            font-size:18px;
                            color:#94193f;
                        }
                    }
                }
            }
        }
    }
}
/*榜单热卖区  榜单参数区*/
.goodsdetails{
    @include clearfix();
    padding-bottom:60px;
    .hotlist{
        float:left;
        margin-right:20px;
        border:1px #eee solid;
        dl{
            dt{
                img{
                    width:200px;
                    height:200px;
                }
            }
            dd{
                padding-left:15px;
                p{
                    font-size:14px;
                    color:#434343;
                }
                b{
                    font-size:18px;
                    color:#94193f;
                }
            }
        }
    }
    .goods_param{
        width:969px;
        float:left;
        .goods_param_top{
            height:47px;
        }
        .pageScroll{
            height:47px;
            background:#f6f6f6;
            border-top:1px solid #e5e5e5;
            position:absolute;
            top:0;
            left:0;
            .scrollNav{
                float:left;
                a{
                    float:left;
                    width:106px;
                    height:47px;
                    text-align:center;
                    line-height:47px;
                    font-size:14px;
                    color:$color;
                    border-right:1px solid #e5e5e5;
                }
                &:first-child{
                    a{
                        border-left:1px solid #e5e5e5;
                        border-top:1px solid $bodycolor;
                        background:#fff;
                        color:$bodycolor;
                    }
                }
                .active{
                    border-top:1px solid $bodycolor;
                    background:#fff;
                    color:$bodycolor;
                }
            } 
        }
        h3{
            margin-top:45px;
        }
        .goods_param_con{
            border-top:1px solid #ddd;
        }
        /*商品参数公共样式*/
        .attributes{
            @include clearfix();
            width:765px;
            margin:24px 0 0 24px;
            li{
                display: inline;
                font-size:12px;
                float: left;
                width: 240px;
                height: 24px;
                margin-right: 15px;
                overflow: hidden;
                line-height: 24px;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: #888;
            }
        }
        .goods_param_con01{
            padding:10px 0;
            .img_container{
                padding-top:10px;
                p{
                    margin-top: 10px;
                    padding-left:20px;
                    img{
                        max-width: 750.0px;
                    }
                }
            }
        }
        .goods_param_con03{
            padding-top:30px;
            p{
                font-size:$fontclassone;
                color:#000;
                height:18px;
                line-height:18px;
                span{
                    color:$bodycolor;
                }
            }
        }
    }
}
